<template>
    <!--商户列表-->
    <div>
        <classification></classification>
    </div>
</template>

<script>
    import classification from "@/components/classification";
    import {mapGetters} from 'vuex';

    export default {
        name: 'goodslist',
        components: {classification},
        data() {
            return {
            }
        },
        created(){
            let hot = {HotMap:null};//先清空，不然页面会把原来的数据先显示，dispatch完以后才有数据，然后又会刷所以先清空
            this.$store.commit('setHotMap',hot);
            //得到请求来的参数然后可以发起异步请求
            //console.log(this.$route.params.navigation);
            let nv = this.$route.params.navigation;
            var params2 = {
                type:'typesearch',//首页加载和过渡搜索同一个方法，用type区分
                searchName:'',//搜索关键字

                //cityId:'310115',//城市编号
                //longitude:'31',//经度
                //latitude:'121'//纬度

                cityId:this.selectedCity.cityno,//城市编号
                longitude:this.longitude,//经度
                latitude:this.latitude,//纬度

                tagNumber:nv.label//标签编号        按类别查询
            };
            this.$store.dispatch('loadIndexData',params2).then(resp=>{
                this.$store.commit('setHotMap',resp.data);//只改变中间的内容
            });
        },
        computed:{
            ...mapGetters({
                selectedCity:'getSelectedCity',//选中的城市
                longitude:'getLongitude',//经度
                latitude:'getLatitude'//纬度
            })
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
